<!DOCTYPE html>
<head>
<title>RCOAL - Prepare Job | WICE</title>
<link  href="http://fonts.googleapis.com/css?family=Syncopate:regular" rel="stylesheet" type="text/css" >
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link type="text/css" href="css/ui-lightness/jquery-ui.css" rel="stylesheet" />	
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link type="text/css" href="css/file-browser.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.jquery.js"></script>
<script type="text/javascript" src="js/combobox.jquery.js"></script>
<script type="text/javascript" src="js/wice.jquery.js"></script>
</head>
<body id="rcoal">
    <div id="head">
        <div id="site">
            <h1><a href="/" title="Web-based Interactive Computational Environment Homepage">
                WICE
            </a></h1>
            <p>Web-based Interactive Computational Environment</p>
        </div>
        <div id="nav">
            <ul>
                <li id="nav-about" class="extra"><a href="/about" title="About The WICE Project"
                    >About</a></li>
                <li id="nav-help" class="extra"><a href="/help" title="A Quick Tutorial on the uce of WICE"
                    >Help</a></li>
                <li id="nav-hydrodynamics" class="programs">
                    <a href="hydrodynamics.html" title="Use Hydrodynamics Tool Chain"
                        ><strong>Hydro- dynamics</strong></a>
                    <ul>
                        <li id="nav-msroll" class="tool"><a href="msroll.html" title="Setup and run the MSROLL utility"
                            ><strong>MSROLL</strong>
                            <span class="summary">
                                Generate a 3D mesh from an x-ray crystallography experiment
                            </span></a>
                        </li>
                        <li id="nav-rcoal" class="tool"><a href="rcoal.html" title="Setup and run the RCOAL utility"
                            ><strong>RCOAL</strong>
                            <span class="summary">
                                Optimize a 3D MSROLL mesh by reducing the number of triangles
                            </span></a>
                        </li>
                        <li id="nav-best" class="tool"><a href="best.html" title="Setup and run the BEST utility"
                            ><strong>BEST</strong>
                            <span class="summary">
                                Calculate the hydrodynamic transport tensors from the 3D structure of a molecule
                            </span></a>
                        </li>
                    </ul>
                </li>
                <li id="nav-moleculardynamics" class="programs">
                    <a href="molecular-dynamics.html" title="Run the molecular dynamics toolchain"
                        ><strong>Molecular Dynamics</strong>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="status">
        <div id="user">
            <span class="working-project">Current Project:
                <a href="/user/projects/current" title="View your current working project" class="project"
                >Example</a>
            </span>
            <a href="/user" title="Your user account" class="username"
                >teague</a>
            <ul>
                <li><a href="/user/account" title="Administer your user account"
                    >Account</a></li>
                <li><a href="/user/projects" title="View your current projects"
                    >Projects</a></li>
                <li><a href="/user/results" title="View your previous results"
                    >Results</a></li>
                <li><a href="/user/sign-out" title="Administer your user account"
                    >Sign Out</a></li>
            </ul>
        </div>
        <div id="system">
            <a href="/status" title="View a summary of the server's status">
                <span class="low status">Low Usage</span>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <div id="main">
        <h1>Prepare RCOAL Job</h1>
        <form action="/rcoal/run" method="post" class="job-details">
            <div class="controls">
                <input type="submit" value="Store" name="action" class="store" title="Save these job parameters for future execution">
                <input type="submit" value="Execute" name="action" title="Run this job now">
            </div>
            <div id="job-details">
                <div class="meta field toggle">
                    <label for="save-job" class="optional">Save Job</label>
                    <input name="save" id="save-job" type="checkbox" checked>
                </div>
                <div class="meta field">
                    <label for="project">Project Name</label>
                    <span class="autocomplete-browser projects" title="Enter the name of an existing project, or a name for a new one">
                        <input name="job" class="projects" id="job-name" placeholder="No Project" size="25" value="Example">
                        <a href="/user/browse/projects" class="projects" title="Available projects" rel="Projects">
                            <span>Browse</span>
                        </a>
                    </span>
                </div>
                <div class="meta field">
                    <label for="job-name" class="optional">Job Name</label>
                    <span class="autocomplete-browser" title="Enter the name of a new job, or recall a previously stored one">
                        <input name="job" class="msroll-jobs" id="job-name" placeholder="Automatic" size="25" value="1ubq201">
                        <a href="/user/browse/jobs/msroll" class="msroll-jobs" title="Previously stored MSROLL jobs" rel="~/example">
                            <span>Browse</span>
                        </a>
                    </span>
                </div>
            </div>
            <fieldset id="model-parameteres" class="parameters">
                <legend>Input Model</legend>
                <div class="method-selection">
                    <input type="radio" name="model_type" id="model-existing-select" value="existing" checked>
                    <label for="model-existing-select" title="Use a stored model from a previous MSROLL job">
                        Use a Previous Result
                    </label>
                    <input type="radio" name="model_type" id="model-upload-select" value="upload">
                    <label for="model-upload-select" title="Upload a model from your computer to process with RCOAL">
                        Upload a Model
                    </label>
                </div>
                <div id="model-upload" class="upload options">
                    <label for="model-upload-file" title="Select a file to be uploaded from your computer and processed with RCOAL">
                        Model File:
                        <input type="file" name="model_upload" id="model-upload-file">
                    </label>
                    <div class="store-fields">
                        <label for="model-upload-save" title="If this is selected, the uploaded file will be saved to your user account for future use">
                            <input type="checkbox" name="save_model" id="model-upload-save" checked>
                            Store uploaded file
                        </label>
                        <label for="model-upload-save-name">
                            <abbr title="File name to store model file as">as</abbr>
                            <input name="save_model_name" id="model-upload-save-name" placeholder="(automatic)">
                        </label>
                    </div>
                </div>
                <div id="model-existing" class="existing options">
                    <label for="model-existing-file" title="Select a file to be uploaded from your computer and processed with MSROLL">
                        Existing Model:
                        <span class="autocomplete-browser" title="Enter the path to an existing model file on the server">
                            <input name="model_path" id="model-existing-file" placeholder="Path to model file" class="model" value="example/1ubq.pdb.201.c3p">
                            <a href="/user/browse/models" title="Browse previously stored model files" class="model" rel="~/example">
                                <span>Browse</span>
                            </a>
                        </span>
                    </label>
                </div>
            </fieldset>
            <fieldset id="rcoal-parameters" class="tool parameters">
                <legend>RCOAL Parameters</legend>
                <div class="int rangeslider" title="RCOAL Triangle Limits" id="rcoal-trinagles">
                    <span class="text">Triangles:</span>
                    <label for="rcoal-triangles-min" class="min">
                        <span class="text">Min</span>
                        <input name="trangles_min" id="rcoal-triangle-min" min="100" max="10000" size="3" value="2000" step="1" class="min">
                    </label>
                    <label for="rcoal-triangles-max" class="max">
                        <span class="text">Max</span>
                        <input name="trangles_max" id="rcoal-triangle-max" min="100" max="10000" size="3" value="4000" step="1" class="max">
                    </label>
                </div>
                <label for="rcoal-triangulations" class="int slider" title="RCOAL Triangulations">
                    <span class="text">Triangulations:</span>
                    <input name="triangulations" id="rcoal-triangulations" min="1" max="10" size="3" value="4" step="1">
                </label>
            </fieldset>
            <div class="controls">
                <input type="submit" value="Store" name="action" class="store" title="Save these job parameters for future execution">
                <input type="submit" value="Execute" name="action" title="Run this job now">
            </div>
        </form>
    </div>
    <script type="text/javascript" src="js/wice-forms.js"></script>
</body>
